/**
 * 登陆框
 */
var loginBox = function(){
	var template = '<div class="login-box-overlay"></div>'
		+'<div class="login-box">'
		+'		<div class="login-box-header">'
		+'				<label>会员登陆</label> '
		+'				<a href="javascript:loginBox.hide();" class=" mui-pull-right"><span class="mui-icon mui-icon-closeempty"></span></a>'
		+'		</div>'
		+'		<div id="loginForm" class="mui-input-group">'
		+'			<div class="mui-input-row">'
		+'				<label>手机号:</label>'
		+'				<input type="tel"  id="username"  placeholder="手机号"  maxlength="11" value="13888888888"/>'
		+'			</div>'
		+'			<div class="mui-input-row">'
		+'				<label>密码:</label>'
		+'				<input type="password"  id="password"  placeholder="密码"  value="123456"/>'
		+'			</div>'
		+'		</div>'
		+'		<div class="mui-content-padded">'
		+'				<button id="btnLogin" class="mui-btn mui-btn-block btn-login" style="padding: 8px 0;">登  录</button>'
		+'		</div>'
		+'		<label class="login-tip">没有账号或忘记密码？请联系客服，谢谢！</label>'
		+'	</div>';
	
	var login ={
		show:function(){
			if($(".login-box").size()==0){
				$('body').append(template);
				$(".login-box-overlay").on('click',function(){
				 		loginBox.hide();
				 });
				 
				 $("#btnLogin").click(function(){
				 		location.href="ucenter.html";
				 });
			}
			if($(".login-box").css("display")=='none'){
				$(".login-box-overlay").fadeIn();
			    $(".login-box").fadeIn();
			}
		},
		hide:function(){
			if($(".login-box").css("display")=='block'){
				$(".login-box-overlay").fadeOut();
			    $(".login-box").fadeOut();
			}
		}
	}
	return login;
}();
/* end  登陆框*/